import styled from 'styled-components'
import border from '@/assets/styled/border'

const SearchWrapper = styled.div `
  height: .6rem;
  padding: .1rem .15rem;
  background-color: ${ props => props.outerBg };
`

const SearchInputWrapper = border(styled.div `
  height: .4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #666;
  background-color: ${ props => props.innerBg };
  img {
    margin-right: .05rem;
  }
`)

export {
  SearchWrapper,
  SearchInputWrapper
}